
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn">
<head>
	  <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在线调色板</title>
<script type="text/javascript" src="js/jquery-3.1.0.js"></script>
<script language=JavaScript> 

function shouldset(passon){
if(document.areas.hexvalue.value.length == 7){setcolor(passon)}
}

function setcolor(elem){
document.areas.hexvalue.value=elem
     document.areas.selcolor.style.backgroundColor=elem
}

</script>
</head>
<body>



<div class="blank3"></div>
<div class="dxy_main">
<div class="dxy_main_l">
<div class="">
  <table width="100%" border="0" cellspacing="3" cellpadding="0">
    
    <tr>
      <td><table width="300" align="center" border="0" style="margin:10px auto 5px auto;" cellpadding="0" cellspacing="0">
  <tr>
    <td align="center" style="text-align:center"><FORM name=areas>
  <TABLE cellSpacing=0 cellPadding=0 width=100 class="td" bgColor=#000000 border=0>
  <TBODY>
  <TR>
    <TD width="100%">
      <TABLE cellSpacing=1 cellPadding=0 width=100 border=0>
        <TBODY>
        <TR>
          <TD class="td" bgColor=#00ff00><A href="javascript:setcolor('#00FF00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00ff33><A href="javascript:setcolor('#00FF33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00ff66><A href="javascript:setcolor('#00FF66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00ff99><A href="javascript:setcolor('#00FF99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00ffcc><A href="javascript:setcolor('#00FFCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00ffff><A href="javascript:setcolor('#00FFFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00cc00><A href="javascript:setcolor('#00CC00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00cc66><A href="javascript:setcolor('#00CC66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00cc66><A href="javascript:setcolor('#00CC66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00cc99><A href="javascript:setcolor('#00CC99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00cccc><A href="javascript:setcolor('#00CCCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#00ccff><A href="javascript:setcolor('#00CCFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#009900><A href="javascript:setcolor('#009900')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#009933><A href="javascript:setcolor('#009933')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#009966><A href="javascript:setcolor('#009966')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#009999><A href="javascript:setcolor('#009999')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0099cc><A href="javascript:setcolor('#0099CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0099ff><A href="javascript:setcolor('#0099FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#33ff00><A href="javascript:setcolor('#33FF00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33ff33><A href="javascript:setcolor('#33FF33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33ff66><A href="javascript:setcolor('#33FF66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33ff99><A href="javascript:setcolor('#33FF99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33ffcc><A href="javascript:setcolor('#33FFCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33ffff><A href="javascript:setcolor('#33FFFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33cc00><A href="javascript:setcolor('#33CC00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33cc33><A href="javascript:setcolor('#33CC33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33cc66><A href="javascript:setcolor('#33CC66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33cc99><A href="javascript:setcolor('#33CC99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33cccc><A href="javascript:setcolor('#33CCCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#33ccff><A href="javascript:setcolor('#33CCFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#339900><A href="javascript:setcolor('#339900')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#339933><A href="javascript:setcolor('#339933')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#339966><A href="javascript:setcolor('#339966')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#339999><A href="javascript:setcolor('#339999')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3399cc><A href="javascript:setcolor('#3399CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3399ff><A href="javascript:setcolor('#3399FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#66ff00><A href="javascript:setcolor('#66FF00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66ff33><A href="javascript:setcolor('#66FF33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66ff66><A href="javascript:setcolor('#66FF66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66ff99><A href="javascript:setcolor('#66FF99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66ffcc><A href="javascript:setcolor('#66FFCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66ffff><A href="javascript:setcolor('#66FFFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66cc00><A href="javascript:setcolor('#66CC00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66cc33><A href="javascript:setcolor('#66CC33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66cc66><A href="javascript:setcolor('#66CC66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66cc99><A href="javascript:setcolor('#66CC99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66cccc><A href="javascript:setcolor('#66CCCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#66ccff><A href="javascript:setcolor('#66CCFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#669900><A href="javascript:setcolor('#669900')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#669933><A href="javascript:setcolor('#669933')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#669966><A href="javascript:setcolor('#669966')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#669999><A href="javascript:setcolor('#669999')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6699cc><A href="javascript:setcolor('#6699CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6699ff><A href="javascript:setcolor('#6699FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#99ff00><A href="javascript:setcolor('#99FF00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99ff33><A href="javascript:setcolor('#99FF33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99ff66><A href="javascript:setcolor('#99FF66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99ff99><A href="javascript:setcolor('#99FF99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99ffcc><A href="javascript:setcolor('#99FFCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>

          <TD class="td" bgColor=#99ffff><A href="javascript:setcolor('#99FFFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99cc00><A href="javascript:setcolor('#99CC00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99cc33><A href="javascript:setcolor('#99CC33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99cc66><A href="javascript:setcolor('#99CC66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99cc99><A href="javascript:setcolor('#99CC99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99cccc><A href="javascript:setcolor('#99CCCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#99ccff><A href="javascript:setcolor('#99CCFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#999900><A href="javascript:setcolor('#999900')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#999933><A href="javascript:setcolor('#999933')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#999966><A href="javascript:setcolor('#999966')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#999999><A href="javascript:setcolor('#999999')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9999cc><A href="javascript:setcolor('#9999CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9999ff><A href="javascript:setcolor('#9999FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#ccff00><A href="javascript:setcolor('#CCFF00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ccff33><A href="javascript:setcolor('#CCFF33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ccff66><A href="javascript:setcolor('#CCFF66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ccff99><A href="javascript:setcolor('#CCFF99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ccffcc><A href="javascript:setcolor('#CCFFCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ccffff><A href="javascript:setcolor('#CCFFFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cccc00><A href="javascript:setcolor('#CCCC00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cccc33><A href="javascript:setcolor('#CCCC33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cccc66><A href="javascript:setcolor('#CCCC66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cccc99><A href="javascript:setcolor('#CCCC99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cccccc><A href="javascript:setcolor('#CCCCCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ccccff><A href="javascript:setcolor('#CCCCFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc9900><A href="javascript:setcolor('#CC9900')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc9933><A href="javascript:setcolor('#CC9933')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc9966><A href="javascript:setcolor('#CC9966')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc9999><A href="javascript:setcolor('#CC9999')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc99cc><A href="javascript:setcolor('#CC99CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc99ff><A href="javascript:setcolor('#CC99FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#ffff00><A href="javascript:setcolor('#FFFF00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffff33><A href="javascript:setcolor('#FFFF33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffff66><A href="javascript:setcolor('#FFFF66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffff99><A href="javascript:setcolor('#FFFF99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffffcc><A href="javascript:setcolor('#FFFFCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffffff><A href="javascript:setcolor('#FFFFFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffcc00><A href="javascript:setcolor('#FFCC00')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffcc33><A href="javascript:setcolor('#FFCC33')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffcc66><A href="javascript:setcolor('#FFCC66')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffcc99><A href="javascript:setcolor('#FFCC99')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffcccc><A href="javascript:setcolor('#FFCCCC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ffccff><A href="javascript:setcolor('#FFCCFF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff9900><A href="javascript:setcolor('#FF9900')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff9933><A href="javascript:setcolor('#FF9933')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff9966><A href="javascript:setcolor('#FF9966')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff9999><A href="javascript:setcolor('#FF9999')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff99cc><A href="javascript:setcolor('#FF99CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff99ff>&nbsp;</TD>
        </TR>
        <TR>
          <TD class="td" bgColor=#006600><A href="javascript:setcolor('#006600')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#006633><A href="javascript:setcolor('#006633')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#006666><A href="javascript:setcolor('#006666')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#006699><A href="javascript:setcolor('#006699')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0066cc><A href="javascript:setcolor('#0066CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0066ff><A href="javascript:setcolor('#0066FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#003300><A href="javascript:setcolor('#003300')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#003333><A href="javascript:setcolor('#003333')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#003366><A href="javascript:setcolor('#003366')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#003399><A href="javascript:setcolor('#003399')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0033cc><A href="javascript:setcolor('#0033CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0033ff><A href="javascript:setcolor('#0033FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#000000><A href="javascript:setcolor('#000000')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#000033><A href="javascript:setcolor('#000033')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#000066><A href="javascript:setcolor('#000066')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#000099><A href="javascript:setcolor('#000099')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0000cc><A href="javascript:setcolor('#0000CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#0000ff><A href="javascript:setcolor('#0000FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#336600><A href="javascript:setcolor('#336600')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#336633><A href="javascript:setcolor('#336633')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#336666><A href="javascript:setcolor('#336666')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#336699><A href="javascript:setcolor('#336699')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3366cc><A href="javascript:setcolor('#3366CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3366ff><A href="javascript:setcolor('#3366FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#333300><A href="javascript:setcolor('#333300')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#333333><A href="javascript:setcolor('#333333')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#333366><A href="javascript:setcolor('#333366')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#333399><A href="javascript:setcolor('#333399')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3333cc><A href="javascript:setcolor('#3333CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3333ff><A href="javascript:setcolor('#3333FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#330000><A href="javascript:setcolor('#330000')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#330033><A href="javascript:setcolor('#330033')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#330066><A href="javascript:setcolor('#330066')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#330099><A href="javascript:setcolor('#330099')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3300cc><A href="javascript:setcolor('#3300CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#3300ff><A href="javascript:setcolor('#3300FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#666600><A href="javascript:setcolor('#666600')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#666633><A href="javascript:setcolor('#666633')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#666666><A href="javascript:setcolor('#666666')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#666699><A href="javascript:setcolor('#666699')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6666cc><A href="javascript:setcolor('#6666CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6666ff><A href="javascript:setcolor('#6666FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#663300><A href="javascript:setcolor('#663300')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#663333><A href="javascript:setcolor('#663333')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#663366><A href="javascript:setcolor('#663366')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#663399><A href="javascript:setcolor('#663399')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6633cc><A href="javascript:setcolor('#6633CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6633ff><A href="javascript:setcolor('#6633FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#660000><A href="javascript:setcolor('#660000')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#660033><A href="javascript:setcolor('#660033')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#660066><A href="javascript:setcolor('#660066')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#660099><A href="javascript:setcolor('#660099')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6600cc><A href="javascript:setcolor('#6600CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#6600ff><A href="javascript:setcolor('#6600FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#996600><A href="javascript:setcolor('#996600')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#996633><A href="javascript:setcolor('#996633')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#996666><A href="javascript:setcolor('#996666')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#996699><A href="javascript:setcolor('#996699')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9966cc><A href="javascript:setcolor('#9966CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9966ff><A href="javascript:setcolor('#9966FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#993300><A href="javascript:setcolor('#993300')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#993333><A href="javascript:setcolor('#993333')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#993366><A href="javascript:setcolor('#993366')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#993399><A href="javascript:setcolor('#993399')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9933cc><A href="javascript:setcolor('#9933CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9933ff><A href="javascript:setcolor('#9933FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#990000><A href="javascript:setcolor('#990000')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#990033><A href="javascript:setcolor('#990033')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#990066><A href="javascript:setcolor('#990066')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#990099><A href="javascript:setcolor('#990099')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9900cc><A href="javascript:setcolor('#9900CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#9900ff><A href="javascript:setcolor('#9900FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#cc6600><A href="javascript:setcolor('#CC6600')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc6633><A href="javascript:setcolor('#CC6633')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc6666><A href="javascript:setcolor('#CC6666')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc6699><A href="javascript:setcolor('#CC6699')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc66cc><A href="javascript:setcolor('#CC66CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc66ff><A href="javascript:setcolor('#CC66FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc3300><A href="javascript:setcolor('#CC3300')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc3333><A href="javascript:setcolor('#CC3333')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc3366><A href="javascript:setcolor('#CC3366')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc3399><A href="javascript:setcolor('#CC3399')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc33cc><A href="javascript:setcolor('#CC33CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc33ff><A href="javascript:setcolor('#CC33FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc0000><A href="javascript:setcolor('#CC0000')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc0033><A href="javascript:setcolor('#CC0033')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc0066><A href="javascript:setcolor('#CC0066')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc0099><A href="javascript:setcolor('#CC0099')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc00cc><A href="javascript:setcolor('#CC00CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#cc00ff><A href="javascript:setcolor('#CC00FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
border=0></A></TD></TR>
        <TR>
          <TD class="td" bgColor=#ff6600><A href="javascript:setcolor('#FF6600')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff6633><A href="javascript:setcolor('#FF6633')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff6666><A href="javascript:setcolor('#FF6666')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff6699><A href="javascript:setcolor('#FF6699')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff66cc><A href="javascript:setcolor('#FF66CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff66ff><A href="javascript:setcolor('#FF66FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff3300><A href="javascript:setcolor('#FF3300')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff3333><A href="javascript:setcolor('#FF3333')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff3366><A href="javascript:setcolor('#FF3366')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff3399><A href="javascript:setcolor('#FF3399')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff33cc><A href="javascript:setcolor('#FF33CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff33ff><A href="javascript:setcolor('#FF33FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff0000><A href="javascript:setcolor('#FF0000')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff0033><A href="javascript:setcolor('#FF0033')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff0066><A href="javascript:setcolor('#FF0066')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff0099><A href="javascript:setcolor('#FF0099')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff00cc><A href="javascript:setcolor('#FF00CC')"><IMG 
            height=15 src="images/spacer.gif" width=15 border=0></A></TD>
          <TD class="td" bgColor=#ff00ff><A href="javascript:setcolor('#FF00FF')"><IMG 
            height=15 src="images/spacer.gif" width=15 
        border=0></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
  <a href="javascript:setcolor('#FF99FF')"><img 
            height=15 src="images/spacer.gif" width=15 
border=0 /></a>
<!--   <TABLE cellSpacing=0 cellPadding=0 width=290 border=0>
  <TBODY>
  <TR>
    <TD width="100%">　</TD></TR>
  <TR>
    <TD width="100%">
      <TABLE cellSpacing=0 cellPadding=0 width=100 class="td" bgColor=#000000 border=0>
        <TBODY>
        <TR>
          <TD width="100%">
            <TABLE cellSpacing=1 cellPadding=0 width="100%" border=0>
              <TBODY>
              <TR>
                <TD class="td" bgColor=#ffffff><A 
                  href="javascript:setcolor('#FFFFFF')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#dddddd><A 
                  href="javascript:setcolor('#DDDDDD')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#c0c0c0><A 
                  href="javascript:setcolor('#C0C0C0')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#969696><A 
                  href="javascript:setcolor('#969696')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#808080><A 
                  href="javascript:setcolor('#808080')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#646464><A 
                  href="javascript:setcolor('#646464')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#4b4b4b><A 
                  href="javascript:setcolor('#4B4B4B')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#242424><A 
                  href="javascript:setcolor('#242424')"><IMG height=15 
                  src="images/spacer.gif" width=15 border=0></A></TD>
                <TD class="td" bgColor=#000000><A 
                  href="javascript:setcolor('#000000')"><IMG height=15 
                  src="images/spacer.gif" width=15 
              border=0></A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> -->
<TABLE cellSpacing=0 cellPadding=0 width="290" border=0>
  <TBODY>
  <TR>
    <TD width="100%">　</TD></TR>
  <TR>
    <TD width="100%" align="center" style="text-align:center"><INPUT type="hidden"  id="hexfield" class="hexfield form-control" onchange=shouldset(this.value) 
      size=10 value=#FFFFFF name=hexvalue><IMG height=10 
      src="images/spacer.gif" width=10 border=0></TD>
  </TR>
  <tr>
      <td>&nbsp;</td>
    </tr>
  <TR>
    <TD width="100%" align="center" style="text-align:center"> <a id="closeIframe"><input type="button"
							class="btn btn-success" value="选定颜色"></a>
  <a id="gb"><input type="button"
							class="btn btn-success" value="提交"></a></TD>
  </TR>
  <tr>
      <td>&nbsp;</td>
    </tr>
  <TR>
    <TD width="100%" align="center" style="text-align:center"> 
    	<div  id="rongqi">
  	
  		</div>
    </TD>
  </TR>
  <!-- <TR>
   <a id="closeIframe"><input type="button"
							class="btn btn-success" value="选定颜色"></a>
  <a id="gb"><input type="button"
							class="btn btn-success" value="关闭"></a>							
  <div  id="rongqi">
  	
  </div>
  </TR> -->
  </TBODY></TABLE></FORM></td>
  </tr>
</table></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
    </tr>
  </table>
 
</div>
</div>
</div><!--end main-->
<div class=blank3></div>

<!-- <select>
	  <option value="white"  style="background: red">请选择颜色 </option>
  <option value="red" style="background: red"> h</option>
  <option value="blue" style="background: blue"> g</option>
  <option value="yellow" style="background: yellow">f </option>
  <option value="green" style="background: green"> w</option>
</select> -->

<!--工具介绍结束-->
<script type="text/javascript">

$(function(){
	
	//注意：parent 是 JS 自带的全局对象，可用于操作父页面
	var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
	   
	   var ccc=parent.$("."+parent.data.split(",")[0]);
		
	   var ff=(ccc.children()[0]).id;
	   
	   $("#rongqi").html(ccc.html());
	   
		   alert(11);
		   alert(parent.data);
	 
	
	    
	   $('#gb').click(function(){
		   var str = "";
		   var vo=document.getElementById(ff).options;
		   for(var i=0;i<vo.length;i++){
			  var a= vo[i].value;
			   var b=vo[i].innerHTML;
			  
			   if(i<vo.length-1){
				  
				   str += (b+a+"||");
			   }else{
				   str += (b+a); 
			   
			   }
		   }
		   alert(str);
		    var bbb=parent.$("#"+parent.data.split(",")[1]);
		    alert(bbb.get(0).tagName);
			bbb.val(str); 
	   
	   parent.layer.close(index);
	   });
	$('#closeIframe').click(function(){
	    var val = $('#hexfield').val();
			
	    var ooo= document.getElementById(ff);
	    var items=ooo.options;//获取select的所有option
	    
	    var index=ooo.selectedIndex; //序号，取当前选中选项的序号
	  
	    ooo.options[index].value=val;
	    ooo.options[index].style.background=val;
	   
	    var val = ooo.options[index].value;
	 
	    
	    
	    
	    
	    
	  /*   if(val === ''){
	        parent.layer.msg('请选择颜色');
	        return;
	    }
	   var bbb=parent.$("#defVal1");
	
	  // bbb.val(bbb.val()+val); */
	  
	 
	    
	});	

});


</script>
 


</body>
</html>